<template>
  <div class="container">

    <!-- 菜单区域 -->
    <MenuBar/>

    <!-- 头部区域 -->
    <HeaderBar/>

    <!-- 住内容区域 -->
    <Main/>

  </div>
</template>

<script>
import HeaderBar from "../components/HeaderBar/HeaderBar"
import Main from "../components/Main/Main"
import MenuBar from "../components/MenuBar/MenuBar"

export default {
  name: "Home",
  components: {
    HeaderBar,
    Main,
    MenuBar
  }
};
</script>

<style scoped lang="scss">
  .container {
    position:absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background: #4b5f6e;
  }
</style>
